<template>
	<div class="index-banner-form flex-start">
		<input id="signUpType" type="hidden" value="SEND_MSG_PRICE">
		<input placeholder="面积" autocomplete="off" id="area" type="number">
		<span class="index-banner-form-area">㎡</span>
		<span class="index-banner-form-dr"></span>
		<input placeholder="电话" autocomplete="off" id="tel" type="number">
		<div class="submit flex-center" onclick="javascript:saveInfo(this)" ans-event="$click_pc"
			data-ans-name="首页_立即领取" data-ans-city="北京">立即领取</div>
	</div>
</template>

<script setup>
</script>

<style scoped>
	input[type=number] {
		-moz-appearance: textfield;
	}

	input {
		outline: 0;
	}

	.flex-start {
		display: flex;
		justify-content: start;
		align-items: start
	}

	.flex-center {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.submit {
		cursor: pointer;
	}

	.index-banner-form {
		background: no-repeat url(../../assets/imgs/home/lzbg@2x.png) center / contain;
	}

	.index-banner-form {
		width: 1400px;
		height: 140px;
		position: absolute;
		bottom: -84px;
		left: 0;
		right: 0;
		margin: 0 auto;
		z-index: 5;
		padding: 45px 0 45px 68px
	}

	.index-banner-form .submit {
		width: 220px;
		height: 50px;
		font-size: 14px;
		font-weight: 700;
		background: #d1c0a5;
		color: #000;
		transition: all .2s;
	}

	.index-banner-form .index-banner-form-area,
	.index-banner-form .index-banner-form-dr {
		top: 60px !important;
	}

	.index-banner-form .index-banner-form-dr,
	.index-strategy-form .index-banner-form-dr {
		width: 1px;
		height: 20px;
		background-color: #e2e2e2;
		position: absolute;
		top: 50px;
		left: 267px;
		z-index: 6;
	}

	.index-banner-form .index-banner-form-area,
	.index-strategy-form .index-banner-form-area {
		font-size: 16px;
		color: #333;
		position: absolute;
		top: 50px;
		left: 230px;
		z-index: 6;
	}

	.index-banner-form input,
	.index-strategy-form input {
		width: 200px;
		height: 50px;
		font-size: 14px;
		background-color: #fff;
		border: 0;
		padding-left: 20px;
		margin-bottom: 10px;
	}
</style>